<template>
	<view class="">
		<view class="page">
			<view class="group_1">
				<view class="box_4">
					<!-- <image
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/pstqaaqeokhj6fld1ojs7okytpxtual236c3e17f5-3f2f-4a94-a1a8-ad9d3ae6600b"
						class="image_1"></image> -->
					<view class="nav-bar_3">
						<nav-bar :title="das" :color="navBarColor" :bg="navBarBg" />
						<!-- <image
							src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps7kycbdqbkdkdqf1wemq2aqylre5or4bwgf5acd791-ffef-45e4-a85c-929a48e361ab"
							class="icon_1"></image>
						<text lines="1" class="text_27">提成明细记录</text>
						<image
							src="https://lanhu.oss-cn-beijing.aliyuncs.com/psig2gpvz612aq8cxd0xbo0ovs7nylovvia5f489b6-c0ac-475e-bf17-e3ab33dc9adb"
							class="applet-top-bar_1"></image> -->
					</view>
					<view class="box_5">
						<view class="group_11">
							<view class="image-text_5">
								<text lines="1" class="text-group_1">2023/12/15至2023/12/30</text>
								<!-- <image
									src="https://lanhu.oss-cn-beijing.aliyuncs.com/psuxawblit7enx6wlk8uisrpnqw9gwm5v4q86a33af6-6290-4f99-9d6b-f0816837bb5a"
									class="icon_2"></image> -->
							</view>
							<text lines="1" class="text_28">今天</text>
							<text lines="1" class="text_29">昨天</text>
						</view>
						<view class="group_12">
							<view class="tag_2">
								<view class="image-text_6">
									<image
										src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/9403cf8b9a5804a3be251b797b68bf8e23538907.png"
										class="icon_4"></image>
									<text lines="1" class="text-group_2">总提成</text>
								</view>
							</view>
							<text lines="1" class="text_30">7,937,652.00</text>
						</view>
						<view class="group_13">
							<view class="group_14">
								<view class="group_3"></view>
								<view class="group_4"></view>
								<view class="group_5"></view>
							</view>
							<view class="text-wrapper_22">
								<text lines="1" class="text_31">项目提成</text>
								<text lines="1" class="text_32">项目提成</text>
								<text lines="1" class="text_33">项目提成</text>
							</view>
							<view class="text-wrapper_23">
								<text lines="1" class="text_34">1,000</text>
								<text lines="1" class="text_35">1,000</text>
								<text lines="1" class="text_36">1,000</text>
							</view>
							<image
								src="https://lanhu.oss-cn-beijing.aliyuncs.com/pszqjfnn2zi0oqurajxqo3h5jvihd5h5t3d2a7c2a-62f0-4576-ab26-4cc0e63d3720"
								class="image_2"></image>
							<view class="group_15">
								<view class="box_8"></view>
								<view class="box_9"></view>
								<view class="box_10"></view>
							</view>
							<view class="text-wrapper_24">
								<text lines="1" class="text_37">项目业绩</text>
								<text lines="1" class="text_38">项目业绩</text>
								<text lines="1" class="text_39">项目业绩</text>
							</view>
							<view class="text-wrapper_25">
								<text lines="1" class="text_40">1,000</text>
								<text lines="1" class="text_41">1,000</text>
								<text lines="1" class="text_42">1,000</text>
							</view>
						</view>
					</view>
				</view>
				<view class="box_11">
					<text lines="1" class="text_1">提成分类占比</text>
					<view class="group_9">
						<qiun-data-charts type="column" :chartData="chartsDataColumn1" :echartsH5="true"
							:echartsApp="true" />
					</view>
					<text lines="1" class="text_15">提成日期曲线</text>
					<view class="group_10">
						<qiun-data-charts type="line" :chartData="chartsDataLine1" :echartsH5="true"
							:echartsApp="true" />
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import navbar from '@/mixins/navbar.js';
	export default {
		mixins: [navbar({
			navBarColor: '#000000'
		})],
		data() {
			return {
				navBarHeight: 0,
				das: '',
				chartsDataColumn1: {
					"categories": ["业绩", "绩效考核", "谈单", "其他"],
					"series": [{
						"name": "提成分类",
						"data": [2000, 5000, 4000, 9000],
						textColor: 'rgba(0,0,0,0)',
						pointShape: 'none',
						"color": "#e5445f"
					}]
				},
				chartsDataLine1: {
					"categories": ["12/5", "12/13", "12/21", "12/30"],
					"series": [{
						"name": "提成日期",
						"data": [7000, 8000, 5000, 10000],
						"color": "#e5445f"
					}]
				},
			}
		},
		created() {
			const {
				navBarHeight
			} = getApp().globalData;
			this.navBarHeight = navBarHeight;

		},
		onLoad() {
			this.das = '提成明细记录'
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.page {
		position: relative;
		width: 750rpx;
		height: 1783rpx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}

	.group_1 {
		height: 1783rpx;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psz36jxsizf3x3u1bms518ui9lluttkq13954543-62b6-4e3a-8a20-d103eca81e60) 100% no-repeat;
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
		width: 750rpx;
		position: relative;
	}

	.box_11 {
		position: relative;
		width: 750rpx;
		height: 1247rpx;
		margin-top: 537rpx;
		display: flex;
		flex-direction: column;
	}

	.text_1 {
		width: 195rpx;
		height: 31rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		font-family: PingFang-SC-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin: 93rpx 0 0 31rpx;
	}

	.group_9 {
		width: 100%;
		height: 487rpx;
		flex-direction: row;
		display: flex;
		margin: 40rpx 0 0 37rpx;
	}

	.text-wrapper_19 {
		width: 64rpx;
		height: 443rpx;
		margin-top: 18rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.text_2 {
		width: 50rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(25, 33, 63, 1);
		font-size: 30rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin-left: 9rpx;
	}

	.text_3 {
		width: 64rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(25, 33, 63, 1);
		font-size: 30rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 82rpx;
	}

	.text_4 {
		width: 63rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(25, 33, 63, 1);
		font-size: 30rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 82rpx 0 0 1rpx;
	}

	.text_5 {
		width: 64rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(25, 33, 63, 1);
		font-size: 30rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 82rpx;
	}

	.text_6 {
		width: 63rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(25, 33, 63, 1);
		font-size: 30rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 82rpx 0 0 1rpx;
	}

	.section_1 {
		background-color: rgba(239, 239, 247, 1.000000);
		width: 104rpx;
		height: 487rpx;
		margin-left: 30rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

	.text_7 {
		width: 51rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 392rpx 0 0 27rpx;
	}

	.text-wrapper_2 {
		height: 60rpx;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/ps347x0y0q0qft0517zexrtf8uzw96z64cb725c4c9-5c7a-4c7e-a6de-08d80a6cce59) 100% no-repeat;
		background-size: 100% 100%;
		margin-top: 10rpx;
		display: flex;
		flex-direction: column;
		width: 104rpx;
	}

	.text_8 {
		width: 38rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 30rpx;
		font-family: baotucuheiti;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 17rpx 0 0 35rpx;
	}

	.section_2 {
		background-color: rgba(239, 239, 247, 1.000000);
		width: 104rpx;
		height: 487rpx;
		margin-left: 53rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

	.text_9 {
		width: 94rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 24rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 248rpx 0 0 5rpx;
	}

	.text-wrapper_3 {
		height: 207rpx;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/ps5uieo64p838d1d94p7bi874w5nb127spq31b3d788-2a5e-496f-8490-b9435beff9d0) 100% no-repeat;
		background-size: 100% 100%;
		margin-top: 9rpx;
		display: flex;
		flex-direction: column;
		width: 104rpx;
	}

	.text_10 {
		width: 55rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 30rpx;
		font-family: baotucuheiti;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 20rpx 0 0 26rpx;
	}

	.section_3 {
		background-color: rgba(239, 239, 247, 1.000000);
		width: 104rpx;
		height: 487rpx;
		margin-left: 53rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

	.text_11 {
		width: 46rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 24rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 326rpx 0 0 29rpx;
	}

	.text-wrapper_4 {
		height: 129rpx;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psknby8oy618oca1uuns6opoioi767gm2yaa6ada66-b0da-4dc6-985e-7d5469a08815) 100% no-repeat;
		background-size: 100% 100%;
		margin-top: 9rpx;
		display: flex;
		flex-direction: column;
		width: 104rpx;
	}

	.text_12 {
		width: 51rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 30rpx;
		font-family: baotucuheiti;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 22rpx 0 0 26rpx;
	}

	.section_4 {
		background-color: rgba(239, 239, 247, 1.000000);
		width: 104rpx;
		height: 487rpx;
		margin-left: 53rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

	.text_13 {
		width: 46rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 24rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 143rpx 0 0 29rpx;
	}

	.text-wrapper_5 {
		height: 312rpx;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psw8zqat4ldvm34z6dqwbdplwvd3p89l6hr096ac990-19c1-4f8c-80d4-709beb964671) 100% no-repeat;
		background-size: 100% 100%;
		margin-top: 9rpx;
		display: flex;
		flex-direction: column;
		width: 104rpx;
	}

	.text_14 {
		width: 54rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 30rpx;
		font-family: baotucuheiti;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 26rpx 0 0 28rpx;
	}

	.text_15 {
		width: 196rpx;
		height: 32rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		font-family: PingFang-SC-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin: 39rpx 0 0 31rpx;
	}

	.text_16 {
		width: 50rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(25, 33, 63, 1);
		font-size: 30rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 38rpx 0 0 46rpx;
	}

	.group_10 {
		width: 100%;
		height: 508rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 82rpx 0 0rpx 20rpx;
		padding-bottom: 50rpx;
	}

	.text-wrapper_20 {
		width: 64rpx;
		height: 233rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.text_17 {
		width: 64rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(25, 33, 63, 1);
		font-size: 30rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
	}

	.text_18 {
		width: 63rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(25, 33, 63, 1);
		font-size: 30rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 82rpx 0 0 1rpx;
	}

	.text_19 {
		width: 64rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(25, 33, 63, 1);
		font-size: 30rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 82rpx;
	}

	.chart_1 {
		height: 308rpx;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/pss5sj5tq98dxpg9jafv6efa3xel7ok9y725c24bd-546b-4439-afce-83ba10059a89) -1rpx -1rpx no-repeat;
		background-size: 747rpx 309rpx;
		display: flex;
		flex-direction: column;
		width: 609rpx;
	}

	.box_2 {
		height: 144rpx;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psp8ypa9ccqnncbui4a8d98injlzqu9rb9e4beb762-3c6c-4fa1-99a8-e14ffe1a0e30) 0rpx 0rpx no-repeat;
		background-size: 747rpx 145rpx;
		display: flex;
		flex-direction: column;
		width: 610rpx;
		margin: -2rpx 0 0 -1rpx;
	}

	.group_2 {
		background-color: rgba(254, 76, 77, 0.300000);
		border-radius: 50%;
		height: 16rpx;
		display: flex;
		flex-direction: column;
		width: 16rpx;
		margin: 13rpx 0 0 299rpx;
	}

	.box_3 {
		background-color: rgba(254, 76, 77, 1.000000);
		border-radius: 50%;
		width: 10rpx;
		height: 10rpx;
		display: flex;
		flex-direction: column;
		margin: 3rpx 0 0 3rpx;
	}

	.text-wrapper_21 {
		width: 689rpx;
		height: 25rpx;
		flex-direction: row;
		display: flex;
		margin: 5rpx 0 44rpx 38rpx;
	}

	.text_20 {
		width: 63rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(25, 33, 63, 1);
		font-size: 30rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 2rpx;
	}

	.text_21 {
		width: 56rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin-left: 45rpx;
	}

	.text_22 {
		width: 72rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin-left: 102rpx;
	}

	.text_23 {
		width: 67rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin-left: 102rpx;
	}

	.text_24 {
		width: 72rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin-left: 110rpx;
	}

	.tag_1 {
		position: absolute;
		left: 269rpx;
		top: 844rpx;
		width: 173rpx;
		height: 102rpx;
		background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psx2vgwoha9p9flwd15lj5ubbvt35f1fdxnd026dbb4-8d8f-40a2-9448-84623b12909e) 100% no-repeat;
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
	}

	.text_25 {
		width: 66rpx;
		height: 23rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 24rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 24rpx;
		margin: 18rpx 0 0 49rpx;
	}

	.text_26 {
		width: 80rpx;
		height: 19rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 24rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 24rpx;
		margin: 22rpx 0 20rpx 42rpx;
	}

	.box_4 {
		background-color: rgba(255, 65, 5, 0.200000);
		position: absolute;
		left: 0rpx;
		top: 0rpx;
		width: 750rpx;
		height: 537rpx;
		display: flex;
		flex-direction: column;
	}

	.image_1 {
		width: 654rpx;
		height: 22rpx;
		margin: 32rpx 0 0 66rpx;
	}

	.nav-bar_3 {
		width: 749rpx;
		height: 93rpx;
		flex-direction: row;
		display: flex;
		margin: 27rpx 0 363rpx 0;
	}

	.icon_1 {
		width: 20rpx;
		height: 36rpx;
		margin: 33rpx 0 0 30rpx;
	}

	.text_27 {
		width: 218rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 36rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin: 35rpx 0 0 20rpx;
	}

	.applet-top-bar_1 {
		width: 150rpx;
		height: 55rpx;
		margin: 23rpx 29rpx 0 282rpx;
	}

	.box_5 {
		box-shadow: 0px 1px 65px 0px rgba(115, 142, 255, 0.320000);
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 24rpx;
		height: 394rpx;
		width: 687rpx;
		position: absolute;
		left: 32rpx;
		top: 196rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

	.group_11 {
		width: 626rpx;
		height: 26rpx;
		margin-left: 31rpx;
		flex-direction: row;
		display: flex;
	}

	.image-text_5 {
		width: 365rpx;
		height: 25rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
	}

	.text-group_1 {
		width: 340rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
	}

	.icon_2 {
		width: 11rpx;
		height: 8rpx;
		margin-top: 9rpx;
	}

	.text_28 {
		width: 52rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
		margin: 1rpx 0 0 110rpx;
	}

	.text_29 {
		width: 50rpx;
		height: 26rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
		margin-left: 49rpx;
	}

	.group_12 {
		width: 526rpx;
		height: 58rpx;
		margin-left: 28rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
	}

	.tag_2 {
		width: 165rpx;
		height: 55rpx;
		background: linear-gradient(0deg, rgba(255, 64, 64, 0.96), rgba(255, 64, 64, 0.93), rgba(250, 142, 142, 0.93));
		border-radius: 15rpx;
		display: flex;
		flex-direction: row;
	}

	.image-text_6 {
		width: 128rpx;
		height: 35rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 15rpx 0 0 15rpx;
	}

	.icon_4 {
		width: 35rpx;
		height: 35rpx;
	}

	.text-group_2 {
		width: 85rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
	}

	.text_30 {
		width: 339rpx;
		height: 53rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 60rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 5rpx;
	}

	.group_13 {
		width: 626rpx;
		height: 137rpx;
		margin-left: 30rpx;
		flex-direction: row;
		display: flex;
	}

	.group_14 {
		width: 15rpx;
		height: 125rpx;
		margin-top: 5rpx;
		display: flex;
		flex-direction: column;
	}

	.group_3 {
		background-color: rgba(248, 181, 81, 1.000000);
		border-radius: 50%;
		width: 15rpx;
		height: 15rpx;
		display: flex;
		flex-direction: column;
	}

	.group_4 {
		background-color: rgba(143, 130, 188, 1.000000);
		border-radius: 50%;
		width: 15rpx;
		height: 15rpx;
		margin-top: 39rpx;
		display: flex;
		flex-direction: column;
	}

	.group_5 {
		background-color: rgba(137, 201, 151, 1.000000);
		border-radius: 50%;
		width: 15rpx;
		height: 15rpx;
		margin-top: 41rpx;
		display: flex;
		flex-direction: column;
	}

	.text-wrapper_22 {
		width: 103rpx;
		height: 135rpx;
		margin-left: 29rpx;
		display: flex;
		flex-direction: column;
	}

	.text_31 {
		width: 103rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
	}

	.text_32 {
		width: 103rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 29rpx;
	}

	.text_33 {
		width: 103rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 31rpx;
	}

	.text-wrapper_23 {
		width: 66rpx;
		height: 134rpx;
		display: flex;
		flex-direction: column;
		margin: 3rpx 0 0 69rpx;
	}

	.text_34 {
		width: 66rpx;
		height: 24rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
	}

	.text_35 {
		width: 66rpx;
		height: 24rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 30rpx;
	}

	.text_36 {
		width: 66rpx;
		height: 24rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 32rpx;
	}

	.image_2 {
		width: 1rpx;
		height: 124rpx;
		margin: 1rpx 0 0 31rpx;
	}

	.group_15 {
		width: 15rpx;
		height: 125rpx;
		display: flex;
		flex-direction: column;
		margin: 5rpx 0 0 30rpx;
	}

	.box_8 {
		background-color: rgba(137, 201, 151, 1.000000);
		border-radius: 50%;
		width: 15rpx;
		height: 15rpx;
		display: flex;
		flex-direction: column;
	}

	.box_9 {
		background-color: rgba(0, 160, 233, 1.000000);
		border-radius: 50%;
		width: 15rpx;
		height: 15rpx;
		margin-top: 39rpx;
		display: flex;
		flex-direction: column;
	}

	.box_10 {
		background-color: rgba(248, 181, 81, 1.000000);
		border-radius: 50%;
		width: 15rpx;
		height: 15rpx;
		margin-top: 41rpx;
		display: flex;
		flex-direction: column;
	}

	.text-wrapper_24 {
		width: 103rpx;
		height: 135rpx;
		margin-left: 29rpx;
		display: flex;
		flex-direction: column;
	}

	.text_37 {
		width: 103rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
	}

	.text_38 {
		width: 103rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 29rpx;
	}

	.text_39 {
		width: 103rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 31rpx;
	}

	.text-wrapper_25 {
		width: 66rpx;
		height: 134rpx;
		display: flex;
		flex-direction: column;
		margin: 3rpx 0 0 69rpx;
	}

	.text_40 {
		width: 66rpx;
		height: 24rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
	}

	.text_41 {
		width: 66rpx;
		height: 24rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 30rpx;
	}

	.text_42 {
		width: 66rpx;
		height: 24rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 31rpx;
		margin-top: 32rpx;
	}
</style>